<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div>
			<img src="img/home-box-1_CN.jpg" id="div1"/>
			<img src="img/home-box-1_CN_hover.jpg" id="div2"style="display: none;"/>
		</div>
		<script type="text/javascript">
			div1.onmouseenter = function(){
				div2.style.display = "block";
				div1.style.display = "none"
			}
			div2.onmouseleave = function(){
				div1.style.display = "block";
				div2.style.display = "none"	
			}
		</script>
	</body>
</html>
